<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        body{
            background:#fff;
            height:auto;
            overflow: auto;
            box-sizing: border-box;
        }
        #page_wrapper{box-sizing: border-box}
        .photo{
            border-radius: 50%;
            background: url("img/af8.png") no-repeat;
            background-size: 60px;
        }
        #sex1{
            display: inline-block;
            width:20px;
            height: 20px;
            background: url("img/man.png") no-repeat bottom;
            background-size: 15px;
        }
        #sex2{
            display: inline-block;
            width:20px;
            height: 20px;
            background: url("img/woman.png") no-repeat bottom;
            background-size: 15px;
        }
        /*添加好友页面*/
        #addfriendplace{
            height:100%;
            background: #fff;
        }
        .addnote,#addinputbox{
            padding:20px;
            color:#BBB;
        }
        .addnote{
            padding-bottom:10px;
        }
        #addinputbox{
            padding-top:0;
        }
        #addinputbox div{
            border-bottom:1px solid #88B576;
        }
        #addinputbox div input{

            width:100%;
            font-size:20px;
            padding:2px;
            box-sizing: border-box;
        }
        #digimgplace{
            background:#000000;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url("");
        }
        /*删除好友*/
        #delfriendplace{
            background: rgba(0,0,0,0.75);
            overflow: hidden;
            padding-left:45px;
            padding-right:45px;
            box-sizing: border-box;
            display:none;
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            z-index: 1000;
            height:auto;
        }
        #delfriendplace>div{
            margin:0 auto;
            margin-top:auto;
            background:#fff;
            padding:30px 30px 26px;
            border-radius: 3px;
            box-sizing: border-box;
            min-height: 240px;
            min-width:300px;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
        }
        #delfriendplace>div>.delfriendtitle{
            font-size:20px;
            padding-bottom:24px;
        }
        #delfriendplace>div>.delfriendword{
            font-size:18px;
            padding-bottom:40px;
        }
        #delfriendplace>div:last-child{
            overflow: hidden;
        }
        #yesdelfriendbtn{
            color:#FF5555;
            font-size: 18px;
            cursor: pointer;
        }
        #nodelfriendbtn{
            color:#939393;
            font-size: 18px;
            margin-right:28px;
            cursor: pointer;
        }
        /*最新动态按钮*/
        #lastinfopage{

        }
        /*最新动态金额*/
        .scoreword{
            background: url("img/money04.png") no-repeat left;
            background-size: 16px;
            padding-left:14px;
            font-size: 15px;
            color:#f4c600;
        }
        /*加好友完成提醒*/
        #sendfriendinfook{
            z-index:1000;
            width:100%;
            max-width:1000px;
            position:fixed;
            top:45%;
        }
        #sendfriendinfook div{
            width:60%;
            max-width:220px;
            margin:0 auto;
            height:80px;
            line-height: 80px;
            text-align: center;
            font-size: 18px;
            color: #fff;
            background: rgba(53,53,53,0.5);
            overflow: hidden;
            border-radius: 4px;
        }
        .main_text span:last-child{
            color:#999;
        }
        .ProfilePageHeader .messages_link{

        }
        .action_bar_inner>.action_item:first-child{

            width:100%;
            z-index: -1;;
        }
        #myword{
            float: inherit;
            margin-left:62px;
        }
        #lastinfopage,.primary_item>a{
            cursor: pointer;
        }
        .LocationAboutListItem .list_item_icon#score{
            background-image: url(img/getin01.png);
            background-size: 14px 17px;
        }
        .LocationAboutListItem .list_item_icon#scoretwo{
            background-image: url(img/payout01.png);
            background-size: 14px 17px;
        }
        #myfriend {
            display:none;
            position: absolute;
            right: 0;
            top: 0;

            height: 40px;
            cursor: pointer;
        }
        #myfriend>div{position: relative;padding-top:35px;}
        #myfriend>div>div {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 50%;
            top:0;
            transform: translateX(-50%);
        }
        #myfriend>div>p{
            font-size:10px;
        }
        #myfriend div>img {
            width: 30px;
            height: 30px;
        }
        .no_highlight img{

        }
        .feed_item .question_link{
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
            padding-right:10px;
            font-weight:initial;
            font-size: 15px;
        }
        .feed_item .question_link img{
            width:20px;
            height:20px;
        }
        #lastnewnote{display:none;}
        #lastnewnote .pagedlist_item{
            border-bottom: 1px solid #e2e2e2;
        }
        #lastnewnote .pagedlist_item:last-child{border:none;}
        #sixnum{
            padding-left:35px;
        }
        #sixnum .feed_item:not(.BoardStandaloneItem){
            padding-top:5px;
            padding-bottom:5px;
            padding-left: 0;
            padding-right:28px;
        }
        .ContentFooter{
            font-weight: inherit;
            margin:0;
            margin-top:2px;
        }
        .chatfaceimg{
            width:20px;
            height:20px;
        }
        span#mynews>span {
            display: inline-block;
        }

        #lastinfopage{
            padding-left: 35px;
            padding-top: 8px;
            padding-bottom: 8px;
        }
        #lastinfopage .input_label{
            font-size: 14px;
            color:#999;
        }
        #lastinfopage .mysetpageimgbtn{
            top:8px;
        }
        #news+span{
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .LocationAboutListItem .list_item_icon#myres {
            background-image: url(img/myres.png);
            background-size: 16px 17px;
            position: absolute;
            top: 6px;
        }
        .LocationAboutListItem .list_item_icon#mysendnews {
            background-image: url(img/mysendnews.png);
            background-size: 16px 17px;
            position: absolute;
            top: 6px;
        }
    </style>
    <style>
        .blur{
            -webkit-filter: blur(8px);
            -moz-filter: blur(8px);
            -ms-filter: blur(8px);
            -o-filter: blur(8px);
            filter: blur(8px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
        }
        .inviteBtn>.Button.WriteAnswer{
            background: #09f;
            color: #fff;
            padding-left: 8px;
        }
        .cancelInviteBtn>.Button.WriteAnswer{
            background: rgb(153,153,153);
            color: #fff;
            padding-left: 8px;
        }
        [id^='paySeeDiv']{
            display:none;
            position: fixed;
            width: 100%;
            top: 0;
            bottom: 0;
            z-index: 99999;
            background: rgba(0,0,0,0.2);
        }
        .midDiv{
            height: 100%;
            width: 100%;
            position: relative;
        }
        .midDiv>div{
            background: #fff;
            padding: 20px;
            position: absolute;
            width: 300px;
            top: 50%;
            left: 50%;
            box-sizing: border-box;
            border-radius: 3px;
            font-size: 16px;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .midDiv>div>p{
            margin-bottom:40px;
        }
        .midDiv>div>.btnDiv>div{
            display:inline-block;
            width:50%;
        }
        .midDiv>div>.btnDiv>div.part2>span:first-child{
            margin-right:40px;
        }
        .midDiv>div>.btnDiv>div.part2>span:last-child{
            color:#F55;
        }

        #followBtn a{
            background: rgb(26, 173, 25);
            color: #fff;
            box-sizing: border-box;
            font-weight: initial;
            height:28px;
            font-size: 14px;
            width:55px;
        }
        #cancelFollowBtn a{
            background: #fff;
            color: #ccc;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font-weight: initial;
            height:28px;
            font-size:14px;
            line-height: 14px;
        }

        #keyWordDiv>div{
            color:#999;
            padding-left:21px;
            margin-bottom:3px;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="PageWrapper mweb blur" id="page_wrapper" style="display:block;margin-top:44px;">
    <div class="Header">
        <!-- 头部导航条-->
        <div class="fixed_header">
            <div class="header_main" style="height:44px;">
                <button class="mweb_modal_back_button" style="margin-right:10px;"></button>
                <div class="header_action_buttons" style="left:44px;">
                    <div class="page_title" style="padding-left:5px;"></div>
                </div>
                <!--<div class="header_action_buttons">-->
                    <!--<a class="search"></a>-->
                <!--</div>-->
            </div>
            <ul class="header_nav" style="display:none;">
                <li class="HeaderNavItem OpenQsNavItem">
                    <a id="answer1">
                        <div class="label">经验圈</div>
                    </a>
                </li>
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="question1">
                        <div class="label">问题圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem HomeNavItem is_active">
                    <a id="read1">
                        <div class="label">资讯圈</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem">
                    <a id="set1">
                        <p id="newnotenotice" style="display:none"></p>
                        <div class="label">我</div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 名片墙-->
        <div class="searchlist-box">
            <div class="ProfilePageHeader" style="border-bottom:none;">
                <div class="ProfilePhotoNameSig PhotoInfoLayout">
                    <div class="photo_info_layout size_large">
                        <div id="myfriend">
                            <div>
                                <div><img src="img/mf01.png"/></div>
                                <p></p>
                            </div>
                        </div>
                        <div class="photo_wrapper">
                            <div class="photo">
                                <!--<img class="profile_photo_img" src="images/touxiang03.jpg">-->
                            </div>
                        </div>
                        <div class="info_wrapper">
                            <div class="info">
                                <h1 class="name">
                                    <span class="user" id="nickname"></span>
                                    <span id="sex1" style="display: none;"></span>
                                    <span id="sex2" style="display: none;"></span>
                                </h1>
                                <span class="personallabel" id="cover"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Profile ActionBar">
                    <div class="action_bar_inner">
                        <div class="action_item">
                            <a class="messages_link">
                                <div style="float:left;width:62px">个性签名:</div>
                                <div id="myword"></div>
                            </a>
                        </div>
                        <div class="ActionBar Question">
                            <div class="action_bar_inner">
                                <div class="primary_item">
                                    <a class="WriteAnswer Button disabled" id="otherpagechatbtn">
                                        留言
                                    </a>
                                </div>

                                <div class="primary_item inviteBtn" id="followBtn">
                                    <a class="WriteAnswer Button disabled" style="display: block">
                                        关注
                                    </a>
                                </div>
                                <div class="primary_item cancelInviteBtn" id="cancelFollowBtn" style="display:none;">
                                    <a class="WriteAnswer Button disabled">
                                        取消关注
                                    </a>
                                </div>

                                <!--<div class="primary_item">-->
                                    <!--<a class="WriteAnswer Button disabled" id="otherpageaddfbtn" style="display: block">-->
                                        <!--加好友-->
                                    <!--</a>-->
                                <!--</div>-->
                                <!--<div class="primary_item">-->
                                    <!--<a class="WriteAnswer Button disabled" id="otherpageaddgbtn" style="display: none">-->
                                        <!--加密友-->
                                    <!--</a>-->
                                <!--</div>-->
                                <!--<div class="primary_item" style="float:right;">-->
                                    <!--<a class="WriteAnswer Button disabled" id="otherpagedeletebtn" style="display: none;margin-right:0;">-->
                                        <!--删除-->
                                    <!--</a>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 个人动态-->
        <div class="AboutSection setpageotherplace " id="lastnewnote">
            <div class="section_header bordertop" style="border-top:6px solid #ececec;">
                个人动态
            </div>
            <div id="sixnum"></div>
            <!-- 最新动态-->
            <div class="Cell InputCell InputMixin" style="border-top:1px solid #ececec">
                <div class="Cell InputCell InputMixin">
                    <span class="tc_inner alwaysseelistbtn" id="lastinfopage">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">最新内容</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn rightarrowimg">
                            <img src="img/rarr02.png"/>
                        </div>
                    </span>
                </div>
                <div class="tc_stroke"></div>
            </div>
        </div>
        <!-- 基本信息-->
        <div class="AboutSection setpageotherplace">
            <div class="section_header" style="border-top:6px solid #ececec">
                基本信息
            </div>
            <!-- 1-->
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="profession"></div>
                    <span class="main_text">
                        <span class="TopicName">公司产业方向：</span><span id="progressionName"></span>
                    </span>
                </a>
            </div>
            <!--2-->
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="companyLevel"></div>
                    <span class="main_text">
                        <span class="TopicName">公司所在行业排名：</span><span id="companyLevelNum"></span>
                    </span>
                </a>
            </div>
            <!--3-->
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="station"></div>
                    <span class="main_text">
                        <span class="TopicName">职能级别：</span><span id="stationName"></span>
                    </span>
                </a>
            </div>
            <!--4-->
            <div class="contents" id="manayeLevelDiv">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="personalLevel"></div>
                    <span class="main_text">
                        <span class="TopicName">管理级别：</span><span id="personalLevelNum"></span>
                    </span>
                </a>
            </div>
            <!--5-->
            <div class="contents" id="keyWordDiv">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="keyWord"></div>
                    <span class="main_text">
                        <span class="TopicName">技术关键词：</span><span id="keyWordName"></span>
                    </span>
                </a>
            </div>

            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="location"></div>
                        <span class="main_text">
                            <span class="TopicName">所在城市：</span>
                            <span id="city"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="education"></div>
                        <span class="main_text">
                            <span class="TopicName">最高学历：</span>
                            <span id="educationword"></span>
                        </span>
                </a>
            </div>
            <div class="contents" style="display:none;">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="job"></div>
                        <span class="main_text">
                            <span class="TopicName">常看的行业：</span>
                            <span id="myjobs"></span>
                        </span>
                </a>
            </div>
            <div class="contents" style="display:none;">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="xingqu"></div>
                    <span class="main_text">
                        <span class="TopicName">常看的兴趣：</span>
                        <span id="myhobby"></span>
                    </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="news"></div>
                        <span class="main_text">
                            <span class="TopicName">订阅栏目：</span>
                            <span id="mynews"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="zuji"></div>
                        <span class="main_text">
                            <span class="TopicName">待过的城市：</span>
                            <span id="visitedcity"></span>
                            <!--<span class="labelspan">|</span>-->
                            <!--<span>北京</span>-->
                            <!--<span class="labelspan">|</span>-->
                            <!--<span>东京</span>-->
                        </span>
                </a>
            </div>
        </div>
        <!-- 铺路信息-->
        <div class="AboutSection setpageotherplace ">
            <div class="section_header bordertop">
                铺路信息
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="score"></div>
                        <span class="main_text">
                            <span class="TopicName">收入：</span>
                            <span id="scoreword"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="scoretwo"></div>
                        <span class="main_text">
                            <span class="TopicName">支出：</span>
                            <span id="scorewordtwo"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myaskbtn">
                    <div class="list_item_icon" id="myquestion"></div>
                        <span class="main_text">
                            <span class="TopicName">悬赏：</span>
                            <span id="myquestionCount"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myanswerbtn">
                    <div class="list_item_icon" id="myanswer"></div>
                        <span class="main_text">
                            <span class="TopicName">回复：</span>
                            <span id="myanswerCount"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myexpbtn">
                    <div class="list_item_icon" id="myexp"></div>
                        <span class="main_text">
                            <span class="TopicName">经验：</span>
                            <span id="myexpCount"></span>
                        </span>
                </a>
            </div>
            <div class="contents" style="display:none;">
                <a class="AboutListItem LocationAboutListItem" id="myresbtn">
                    <div class="list_item_icon" id="myres"></div>
                    <span class="main_text">
                        <span class="TopicName">资源：</span>
                        <span id="myresCount"></span>
                    </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="mysendnewsbtn">
                    <div class="list_item_icon" id="mysendnews"></div>
                    <span class="main_text">
                        <span class="TopicName">资讯：</span>
                        <span id="mysendnewsCount"></span>
                    </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="mycollectbtn">
                    <div class="list_item_icon" id="mycollect"></div>
                        <span class="main_text">
                            <span class="TopicName">收藏：</span>
                            <span id="mycollecttionCount"></span>
                        </span>
                </a>
            </div>
        </div>
        <!-- 权限设置-->
        <div class="AboutSection setpageotherplace" id="otherset" style="display:none;">
            <div class="section_header bordertop">
                权限设置
            </div>
            <div class="Cell InputCell InputMixin">
                    <span class="tc_inner" id="donotseehe">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">不看他的动态</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn">
                            <img src="img/message_off.png" id="donotseeheimg1" style="display:block "/>
                            <img src="img/message_on.png" id="donotseeheimg2" style="display: none"/>
                        </div>
                    </span>
                <div class="tc_stroke"></div>
            </div>

            <div class="Cell InputCell InputMixin">
                    <span class="tc_inner" id="donotseeme">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">不让他看我的动态</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn">
                            <img src="img/message_off.png" id="donotseemeimg1" style="display:block "/>
                            <img src="img/message_on.png" id="donotseemeimg2" style="display: none"/>
                        </div>
                    </span>
                <div class="tc_stroke"></div>
            </div>
        </div>
        <!-- 动态-->
        <!-- <div class="section_header section_header_gray">
            <span>最新动态</span>
            <span id="lastinfopage" style="display:none;"></span>
        </div>
        <div id="setpagenewslist" style="display:block;">
        </div> -->
    </div>
</div>
<!-- 加好友操作-->
<div class="PageWrapper nonav" id="addfriendplace" style="display:none;">
    <div class="EditorModal has_toolbar" style="padding-top:0;">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button" id="addfriendgobackbtn"></button>
                    <div class="page_title unified">添加好友</div>
                    <a class="navigation_button is_done" id="okaddbtn">发送</a>
                </div>
            </div>
        </div>
        <!--输入内容部分-->
        <div id="addwordplace">
            <div class="addnote">您需要发送验证申请，等对方通过</div>
            <div id="addinputbox">
                <div>
                    <input type="text"/>
                </div>
            </div>
        </div>
    </div>
</div>
<!--加好友完成提醒-->
<div id="sendfriendinfook" style="display:none;">
    <div>
        请求已发送
    </div>
</div>
<!--删除好友-->
<div id="delfriendplace" class="action_menu_container">
    <div class="inner">
        <div class="delfriendtitle">删除好友</div>
        <div class="delfriendword">将好友 <span id="delfriendnema"></span>删除，将同时删除与该好友的聊天记录</div>
        <div>
            <div id="yesdelfriendbtn" class="rt">删除</div>
            <div id="nodelfriendbtn" class="rt">取消</div>
        </div>
    </div>
</div>
<!-- 大图片-->
<div id="digimgplace" style="display: none;vertical-align: middle;height:100%;"></div>
<!--付钱查看资料-->
<div id="paySeeDiv">
    <div class="midDiv">
        <div>
            <p>付1元查看TA的基本资料</p>
            <div class="btnDiv">
                <div class="part1"></div><div class="part2">
                    <span class="cancelBtn">取消</span>
                    <span class="okBtn">确认</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--不能看-->
<div id="paySeeDiv1" style="display: none;">
    <div class="midDiv">
        <div>
            <p>TA已设置不允许查看个人信息</p>
            <div class="btnDiv">
                <div class="part1"></div><div class="part2">
                <span >  </span>
                <span class="okBtn rt" onclick="history.go(-1)">确认</span>
            </div>
            </div>
        </div>
    </div>
</div>
<!--钱不够-->
<div id="paySeeDiv2" style="display: none;">
    <div class="midDiv">
        <div>
            <p style="margin-bottom:10px;">
                您的账户余额不足
            </p>
            <p class="note" style="margin-bottom:20px;color:#f00;font-size:15px;">
                提示：发布经验可赚钱或<span style="color:#1D9FFF;" onclick="goRecharge()">点此充值</span>
            </p>
            <div class="btnDiv">
                <div class="part1"></div><div class="part2">
                <span >  </span>
                <span class="okBtn rt" onclick="history.go(-1)">确认</span>
            </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="js/tohref.js"></script>
<!--环信-->
<!--<script type="text/javascript" src="sdk/webim.config.js"></script>-->
<!--<script src="sdk/strophe.js"></script>-->
<!--<script src="sdk/websdk-1.1.2.js"></script>-->

<script src="ftnjs/codetofacejs.js"></script>
<script src="ftnjs/changetimeftn.js"></script>
<script src="js/otherpeoplepage.js"></script>
</body>
</html>